/* 美化的目录样式 */
.toc-container {
  width: 250px;
  padding: 20px;
  margin-right: 20px;
  background-color: #f8f9fa;
  border-left: 1px solid #ebedf0;
  overflow-y: auto;
  height: 50vh;
  margin-left: auto; /* 将目录推向右侧 */
}
.content-container {
  width: 100%;
  padding: 20px;
  .content-container::-webkit-scrollbar{
    display: none;
  }
   /* 内容容器高度充满视口高度 */
}

.toc-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

.toc-list {
  list-style-type: none; /* 移除默认的列表符号 */
  padding-left: 0; /* 移除默认的padding */
}

.toc-list li {
  margin-bottom: 10px; /* 列表项之间的间距 */
}

.toc-list li a {
  text-decoration: none; /* 移除下划线 */
  color: #555;
  font-size: 16px;
  display: block; /* 使链接填满整个<li> */
  padding: 5px 10px; /* 一些内边距 */
  transition: color 0.3s, background-color 0.3s; /* 平滑过渡效果 */
}

.toc-list li a:hover {
  color: #1890ff; /* 链接悬停时的颜色 */
  background-color: #e6f7ff; /* 链接悬停时的背景色 */
}

.toc-list li ul {
  list-style-type: none;
  padding-left: 20px; /* 子列表的缩进 */
}

.toc-list li ul li a {
  font-size: 14px; /* 子列表项的字体大小 */
}